fadeIn() และ fadeOut() คืออะไร มาเรียนรู้กัน

บทความนี้จะขอกล่าวถึง Function 2 Function ที่มีความเกี่ยวข้องกันสำหรับการ แสดงผลข้อมูลแบบจางหาย (Fade In - Fade Out) ของ JQuery ซึ่งมีประโยชน์มากสำหรับการสร้างการแสดงผลข้อมูลพร้อมกับใส่ Effect Fade In, Face Out เพื่อความสวยงาม และเพิ่มประสิทธิภาพการใช้งาน

ตัวอย่างโปรแกรม

$("#[DIV_ID]").fadeIn([duration]);
$("#[DIV_ID]").fadeOut([duration]);

คำอธิบายโปรแกรม

1. คำสั่ง fadeIn() มีไว้สำหรับการแสดงผลข้อมูลแบบจางขึ้น (Fade In)

2. คำสั่ง fadeOut() มีไว้สำหรับการยกเลิกแสดงผลข้อมูลแบบจางออก (Fade Out)

3. ทั้ง 2 คำสั่งมี Parameter ที่สำคัญอยู่ 1 ค่า คือ ระยะเวลา (Duration) ซึ่งสามารถกำหนดเป็นค่าคงที่ Constant ได้ 2 ค่า คือ slow และ fast หรือกำหนดค่าเป็นหน่วย Milliseconds ได้ เช่น 200, 600 หรือ 1000 เป็นต้น

คำค้นหา fadeIn fadeOut JQuery, เรียนเขียนโปรแกรม, รับทำเว็บไซต์, รับเขียนเว็บ